<template>
    <div class="header-content">
        <div class="box">
            <div class="logo">
                颐德尼喜商户后台
            </div>
            <div class="info">
                <p>陈欣，欢迎登录！ 2019-03-28 12:12;12</p>
                <p>商户ID：kongkong</p>
            </div>
        </div>
    </div>			
</template>

<script>

export default {
    data(){
        return{
            
        }
    },
    created(){
        
    }
}
</script>

<style lang="scss">
.header-content{
    .box{
        margin:0 auto;
        display: flex;
        width: 80%;
        height: 100px;
        // background-color:#999;
        justify-content: space-between;
        border-bottom: 5px solid #eeecec;
        
        .logo{
            height:100px;
            font-size: 22px;
            font-weight: 600;
            color: rgb(253, 135, 84);
            line-height: 100px;
            margin-left: 20px;
            min-width: 176px;
        }
        .info{
            height:80px;
            margin-top: 20px;
            min-width: 218px;
            p{
                font-size: 12px;
                margin-top: 10px;
            }
        }
    }
}

</style>
